<div id="ajouterpanneau">
	<div class = "row">
		<form class="col-md-12 form-horizontal" name="AjoutPanneauForm" novalidate="" ng-submit="ajout()">
			
			<div class="row">
				<div class="col-md-6">
					<div class="form-group" ng-class="{ 'has-warning': (AjoutPanneauForm.name.$error.required)}">
						<label class="col-sm-4 control-label" for="IName">Nom du panneau</label>
						<div class="col-sm-8">
							<input name="name" autofocus type="text" ng-model=IName class="form-control" id="IName" placeholder="Entrez le nom du panneau" required="" >
							<span class="text-warning" ng-show="AjoutPanneauForm.name.$dirty && AjoutPanneauForm.name.$error.required">Champs obligatoire</span>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="form-group" ng-class="{ 'has-warning': (AjoutPanneauForm.time.$error.required)}">
						<label class="col-sm-4 control-label" for="IHeure">Heure d'affichage</label>
						<div class="col-sm-8 timepicker">
							<timepicker name="time" ng-model="IHeure" id="IHeure" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
						</div>
					</div>
				</div>
			</div>
			
			<h4>Sélection du vol lié au panneau</h4>
			<table class="table table-striped table-hover">
				<thead>
					<tr>
						<th>#</th>
						<th>Nom</th>
						<th>Ville de départ</th>
						<th>Ville d'arrivée</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="v in data" ng-click="select(v)" class="pointer animate" ng-class="{success: v === selected}">
						<td>{{v.id}}</td>
						<td>{{v.name}}</td>
						<td>{{v.departureTown}}</td>
						<td>{{v.arrivalTown}}</td>
					</tr>
				</tbody>
			</table>
			
			<div class="col-sm-offset-3 col-sm-9">
				<button type="submit" ng-disabled="AjoutPanneauForm.$invalid || selected == null" class="btn btn-primary">Valider</button>
			</div>
		</form>
	</div>
</div>
